<template>
  <div class="privacy-container max-w-4xl mx-auto p-4 md:p-8">
    <h1 class="text-3xl font-bold mb-8 text-center text-gray-800">隐私政策</h1>
    <div class="space-y-6">
      <section>
        <h2 class="text-xl font-semibold mb-4 text-gray-700 border-b pb-2">
          1. 信息收集
        </h2>
        <p
          class="text-gray-600 leading-relaxed"
          style="text-align: justify; line-height: 1.8"
        >
          我们收集的个人信息包括：注册信息（用户名、密码、邮箱）、个人资料、使用记录（播放历史、收藏记录）等。这些信息用于提供服务和改善用户体验。我们承诺依法保护用户的个人隐私。
        </p>
      </section>
      <section>
        <h2 class="text-xl font-semibold mb-4 text-gray-700 border-b pb-2">
          2. 信息使用
        </h2>
        <p
          class="text-gray-600 leading-relaxed"
          style="text-align: justify; line-height: 1.8"
        >
          收集的信息将用于：提供音乐服务、个性化推荐、账号验证、客户服务、安全防护等。未经用户同意，我们不会向第三方披露个人信息，法律法规要求的情况除外。
        </p>
      </section>
      <section>
        <h2 class="text-xl font-semibold mb-4 text-gray-700 border-b pb-2">
          3. 信息安全
        </h2>
        <p
          class="text-gray-600 leading-relaxed"
          style="text-align: justify; line-height: 1.8"
        >
          我们采用业界标准的加密技术保护用户数据，设有严格的数据访问控制和监控机制。但请注意，互联网环境并非百分之百安全，我们建议用户妥善保管账号密码。
        </p>
      </section>
      <section>
        <h2 class="text-xl font-semibold mb-4 text-gray-700 border-b pb-2">
          4. 用户权利
        </h2>
        <p
          class="text-gray-600 leading-relaxed"
          style="text-align: justify; line-height: 1.8"
        >
          用户有权查看、更正自己的个人信息，删除历史记录，管理隐私设置。如需注销账号，可通过客服申请，我们将在验证身份后处理相关请求。
        </p>
      </section>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>
section {
  @apply bg-white rounded-lg shadow-sm p-6 transition-all duration-300;
  border: 1px solid #eee;
}

section:hover {
  @apply shadow-md transform -translate-y-1;
}

h2 {
  @apply text-xl font-semibold mb-4 text-gray-700 border-b pb-2;
}

p {
  @apply text-gray-600 leading-relaxed;
  text-align: justify;
  line-height: 1.8;
}
</style>
